html, body {
	height: 100%;
	width: 100%;
	font-family: Knowledge, Helvetica, Arial, sans-serif;
}

.navbar {
	background-color: #fff;
	padding: 1.5% 5% 2% 1.5%;
	font-style: 1.2em; 
}

.navbar-brand {
	min-height: 55px;
	padding: 0 15px 5px;  /* the 15px on the right help so it never crashes with the text */
}

.navbar-default .navbar-nav li a {
	color: #4C4C4C;
}

.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a.active {
	color: #D5D5D5;
}


#home {
	background: url(http://images.engage.es-pt.thomsonreuters.com/EloquaImages/clients/LALEYSAEIMPRESORA/%7B00bc5774-b3f7-4cd2-972b-f7bd52bd8292%7D_coverimg-1300px.png) no-repeat center center fixed;
	display: table;
	height: 100%;
	position: relative;
	width: 100%;
	background-size:cover;
	/*if necessesary add a padding top of 50px or so so you can see the image in its full size, without the navbar on "top" */
}

.landing-text {
	display: table-cell;
	text-align: center;
	vertical-align: middle; /*push it to the middle */
}

.landing-text h2 {
	font-family: Knowledge, Helvetica, Arial, sans-serif;
	font-size: 2.100em;
	font-weight: 100;
	color: #fff;
	padding: 0.200em;
	line-height:1.200em;
}

.landing-text h3 {
		font-weight: bold;
	color: #F6891E;
	font-size: 3.500em;
	text-align: center;
}

.dos {
	font-weight: 100;
}

.negrita {
	color: black;
	font-weight: 500;
}


.padding {
	padding: 4em 4em 2em 4em;
}


.padding2 {
	padding: 0em 4em 4em 4em;
}

.padding img {
	width: 100%; /*keep it within the column*/
}

.padding2 img {
	width: 100%; /*keep it within the column*/
}

.container .leadText {
	background-color: #F6891E;
	padding: 1em 5em 2em 5em;
width: 100%;
display: block;
border: 1px solid;
border-color: #e5e5e5 #dbdbdb #d2d2d2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;

}

.container .leadText h2 {
	font-weight: bold;
	color: #fff;
	font-size: 4em;
	text-align: center;
}


.padding .leadText h1{
	font-size: 1.400em;
	font-weight: 200;
	color: white;
	text-align: left;
	
	}





#fixed {
	background: url(http://images.engage.es-pt.thomsonreuters.com/EloquaImages/clients/LALEYSAEIMPRESORA/%7B0701fe50-1ded-4a28-9984-c7a59cc9ba62%7D_06.jpg) no-repeat center center fixed;
	display: table;
	height: 60%;
	position: relative;
	width: 100%;
	background-size: cover;
}


.padding2 .container .row .icon {
	max-width: 100px;
}



.padding2 .container .row .pilar1 {
	color: #005A84;
	font-size: 1.800em;	font-weight: bolder;
}

.padding2 .container .row .pilar2 {
	color: #397C3C;
	font-size: 1.800em;
	font-weight: bolder;
}

.padding2 .container .row .pilar3 {
	color: #462569;
	font-size: 1.800em;
	font-weight: bolder;
}

.padding2 .container .row .pilar4 {
	color: #9E1C1F;
	font-size: 1.800em;
	font-weight: bolder;
}



.padding .container .row p {
	font-weight: 300;
	font-size: 1em;
	margin: 1.200em;
	color: #666666;

}

.padding2 .container .row p strong {
	font-weight: 600;
	color: #F36F21;
}

.pilares h4 {
	text-align: center;
	font-size: 1.300em;
	color: #666666;
	font-weight: bold;

}

.pilares .titles1 {
	padding: 0.500em;
	text-align: center;
	color: white;
	background-color: #005A84;
	font-weight: 600;
	margin-bottom: 0.800em;
	margin-top: 0em;
	border-radius: 0.4em;
}

.pilares .titles2 {
	padding: 0.500em;
	text-align: center;
	color: white;
	background-color: #397C3C;
	font-weight: 600;
	margin-bottom: 0.800em;
	margin-top: 0em;
	border-radius: 0.4em;
}

.pilares .titles3 {
	padding: 0.500em;
	text-align: center;
	color: white;
	background-color: #462569;
	font-weight: 600;
	margin-bottom: 0.800em;
	margin-top: 0em;
	border-radius: 0.4em;
}

.pilares .titles4 {
	padding: 0.500em;
	text-align: center;
	color: white;
	background-color: #9E1C1F;
	font-weight: 600;
	margin-bottom: 0.800em;
	margin-top: 0em;
	border-radius: 0.4em;
}

.imagenes {
	border-radius: 4em;
}


footer {
	margin-top: 4em;
	width: 100%;
	background-color: #F6891E;
	padding: 0.5em 0.5em 1em 1em;
	color: #fff;

}

footer h3 {
	margin-top: 1.700em;
	font-weight: bold;
	font-size: 1em;
}

.fa {
	padding: 5px 10px 0px 10px;
	font-size: 20px;
	color: #FFF;
}

.fa:hover {
	color: #D5D5D5;
	text-decoration: none;
}

.icon {
	margin-top: 1em;
	max-width: 300px;

}




@media (max-width: 768px) {

			.landing-text h1 {
				font-size: 3em;
			}


			.fa {
				font-size: 20px;
				padding: 10px;
			}

			.icon {
				padding-top: 5%;
				width: 300px;
			}

		.form .submit-button {
			font-size: 1em;
			padding: 1.400em;
			width: 80%;
		}

		.container .leadText h2 {
			font-size: 2em;
		}

		.container .leadText  {
			padding: 1.500em;
		}

		.padding .leadText h1 {
			font-size: 1.200em;
			padding: 0em;
		}

		.landing-text h2 {
			font-size: 1.800em;
		}

		.landing-text h3 {
			font-size: 2.200em;
		}

}





/* FORMULARIO */
.form {
	display: inline-block;
	width: 100%;
	z-index: 0;
	margin-top: 10em;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 20px;
	box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.5);
	padding: 20px;
}

.form .formulario-nombres {
	color: white;
	font-size: 0.9em;
	font-weight: 200;
	z-index: 4
	 margin: auto;

}

.form .submit-button {
	
font-family: Knowledge, Helvetica, sans-serif;
display: block;
text-align: center;
background-color: #F36F21;
padding: 0.8em;
  border-radius: 15px;
  color: white;
  font-size: 1.2em;
  font-weight: 600;
  width: 50%;
  border: none;
   margin: 0 auto;
   margin-top: 2em; 
    letter-spacing: 0.05em;
    transition: all .25s ease;
    cursor: pointer;
    box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.5);
}


.form .submit-button:hover {
	background-color: #f79256;

}

.form input {

	text-align: center;
	 -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  width: 100%;
  align-content: center;


}

.form .tituloform {
	font-size: 1.500em;
	color:#F36F21 ;
	text-align: center;
	font-weight: 700;
}


/* RADIO */.elq-form .radio-option {
    display: inline-block;
  }
  .elq-form .radio-option .label {
    display:block;
    float:left;
    padding-right:10px;
    padding-left:22px;
    text-indent:-22px;
  }
  .elq-form .radio-option .input {
    vertical-align:middle;
    margin-right:7px;
  }
  .elq-form .radio-option .inner {
    vertical-align:middle;
  }
  /* CHECKBOX */.elq-form .checkbox-span {
    display:inline-block;
  }
  .elq-form .checkbox-label {
    margin-left:4px;
  }



  /* LABEL */.elq-form .required {
    color: red !important;
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0pt 0pt 0pt;
    padding: 0pt 0pt 0pt;
  }